<template>
     <div class="chart-container">
        <div class="chart-title"><Icon type="md-medal" size="20" /> {{title}}</div>
        <!-- chart图表 -->
        <slot></slot>
    </div>
</template>

<script>
export default {
    props:["title"]    
}
</script>

<style lang="scss" scoped>
.chart-container{
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    margin-top: 30px;
    overflow: hidden;
    padding-bottom: 20px;
    .chart-title{
        background: var(--single-color);
        color: white;
        font-weight: bold;
        padding: 15px 22px;
        font-size: 16px;
        text-align: left;
    }
}
</style>